<template>
	<view>
		<view class="cu-card article" v-for="(item,i) in list" :key="i">
			<view class="cu-item shadow record">
				<view class="title"><view class="text-cut">{{item.phone}}</view></view>
				<view class="content">
					<view>
						<text class="lg text-gray cuIcon-phone" style="fonts-size:40upx"></text>
						<!-- 未接听 -->
						<text v-if="item.call_status=='0'">{{item.create_time}}&emsp;
						<text class="text-red">{{$t('JLink.callStatus.status0')}}</text></text>
						<!-- 已接听 -->
						<text v-else-if="item.call_status=='1'">
							{{item.start_time}}&emsp;{{$t('JLink.configs.call')}}{{item.seconds}}{{$t('JLink.configs.second')}}
						</text>
						<!-- 未接通 -->
						<text v-else-if="item.call_status=='2'">
							{{item.create_time}}&emsp;{{$t('JLink.callStatus.status2')}}
						</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
    props:{
		list:{
			type:Array,
			default:()=>{
				return [];
			}
		}
	}
}
</script>

<style lang="less" scoped>
	@import '@/common/style/main.css';
	.text-red{
		color:red;
		margin-left: 28rpx;
	}
</style>
